<!--
 * @Description:: 请补充填写
 * @Version: 1.0
 * @Author: 小白
 * @Date: 2022-04-12 09:13:06
 * @LastEditors: 小白
 * @LastEditTime: 2025-11-10 14:10:22
 * @FilePath: \jzadmin\src\App.vue
-->

<template>
  <router-view />
</template>

<script  lang="ts">
import { onMounted } from 'vue'
export default {
  name: 'App',
  setup() {
    onMounted(() => {
      IsPhone()
    })
    const IsPhone = () => {
      //获取浏览器navigator对象的userAgent属性（浏览器用于HTTP请求的用户代理头的值）
      var info = navigator.userAgent
      //通过正则表达式的test方法判断是否包含“Mobile”字符串
      var isPhone = /mobile/i.test(info)
      //如果包含“Mobile”（是手机设备）则返回true
      window.localStorage.setItem('isPhone', isPhone)
    }
    return {
      IsPhone
    }
  }
}
</script>
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */
  color: #2c3e50;
  width: 100%;
  overflow-x: hidden;
}
#nprogress .spinner {
  top: 50vh !important;
  left: 50vw !important;
  margin-left: -14px !important;
}
.optionse {
  z-index: 9999 !important;
}

</style>
<style lang="scss"> 
::v-deep .el-message-box{
  width: 800px!important;
  
  ::v-deep .el-message-box__container{
    width: 800px!important;
    ::v-deep img{
    width: 100%!important;
  }
  }
}
.el-button--primary{
  background: #07C188!important;
  border: 1px solid #07C188!important;
}
.el-button--primary:hover{
  background: #07a374!important;

}
</style>